function total() {
	setTimeout(function () {
		var S = 0;
		$.each($('.total'), function () {
			var $ul_total = $(this).prev('ul').find("input[type='checkbox']");
			var s = 0;
			var n1 = 0;
			$.each($(this).prev('ul').find(".number"), function (i) {
				if ($ul_total.eq(i).attr("checked") == "checked") {
					s = s + parseInt($(this).html()) * parseInt($(this).parent().prev().html().replace("￥", ""));
					n1 = n1 + parseInt($(this).html());
				}
			});
			$(this).children("span").html("￥" + s.toFixed(1));
			$(this).children("number").html(n1);
			S = S + s;
		});
		$(".bottom span").html(S.toFixed(1));
	}, 100)
}

function hide() {
	if ($(".content").length == 0) {
		$(".bottom").hide();
		$(".no").css("display", "block");
		return;
	} else {
		$(".bottom").eq(0).show();
		$(".no").css("display", "none");
	}
}

function sum() {
	if ($("ul input[checked='checked']").length == $("li").length) {
		$(".bottom input[type=checkbox]").attr("checked", "checked");
		$(".bottom input[type=checkbox]").next("img").attr("src", "img/checkbox_on.png");
	} else {
		$(".bottom input[type=checkbox]").removeAttr("checked");
		$(".bottom input[type=checkbox]").next("img").attr("src", "img/checkbox_off.png");
	}
}

function checkbox($this) {
	if ($this.attr('type') == "checkbox") {
		if ($this.attr('checked') == "checked") {
			$this.removeAttr("checked");
			$this.next('img').attr("src", "img/checkbox_off.png");
		} else {
			$this.attr("checked", "checked");
			$this.next('img').attr("src", "img/checkbox_on.png");
		}
	}
	total();
}
$(function () {
	hide();
	total();
	$("header span").click(function () {
		if ($(this).html() == "编辑") {
			$(this).html("完成");
			$(".bottom").eq(1).show();
		} else {
			$(this).html("编辑");
			$(".bottom").eq(1).hide();
		}
		hide();
	});
	$('.bottom-label input').change(function () {
		if ($(this).attr("checked") == "checked") {
			$(".con input[type='checkbox']").removeAttr("checked");
			$(".con input[type='checkbox']").next('img').attr("src", "img/checkbox_off.png");
		} else {
			$(".con input[type='checkbox']").attr("checked", "checked");
			$(".con input[type='checkbox']").next('img').attr("src", "img/checkbox_on.png");
		}
		checkbox($(this));
	})
	$('.list input').change(function () {
		var $list_input = $(this).parents('.list').next('ul').find('input[type=checkbox]');
		if ($(this).attr("checked") == undefined) {
			$list_input.attr("checked", "checked");
			$list_input.next('img').attr("src", "img/checkbox_on.png");
		} else {
			$list_input.removeAttr("checked");
			$list_input.next('img').attr("src", "img/checkbox_off.png");
		}
		checkbox($(this));
		sum();
	})
	$("ul input[type='checkbox']").change(function () {
		checkbox($(this));
		var $ul_input = $(this).parents('ul').prev('.list').find('input');
		if ($(this).parents('ul').find("input[checked='checked']").length == $(this).parents("ul").children('li').length) {
			$ul_input.attr("checked", "checked");
			$ul_input.next('img').attr("src", "img/checkbox_on.png");
		} else {
			$ul_input.removeAttr("checked");
			$ul_input.next('img').attr("src", "img/checkbox_off.png");
		}
		sum();
	})
	$('.btn2').click(function () {
		if ($(this).next('.number').html() > 100) {
			$(this).next('.number').html(100);
			$('.alert').show().html('超出库存了！');
			setTimeout(function () {
				$('.alert').hide();
			}, 2000);
			return false;
		} else
			$(this).prev('.number').html(parseInt($(this).prev('.number').html()) + 1);
		total();
	})
	$('.btn1').click(function () {
		if ($(this).next('.number').html() == 0)
			$(this).next('.number').html(0);
		else
			$(this).next('.number').html(parseInt($(this).next('.number').html()) - 1);
		total();
	})
	$(".number").click(function () {
		$('.text1').css({
			"display": "flex",
			"-webkit-display": "flex"
		}).attr({
			'ind': $(this).parents('li').index(),
			"ind_1": $(this).parents("ul").attr("ind")
		});
		$('.text1 input[type=number]').val($(this).html());
	})
	$('.text1 input[type="button"]').click(function () {
		if ($('.text1 input[type=number]').val() == "") {
			$('.alert').show().html('请输入数量！');
			setTimeout(function () {
				$('.alert').hide();
			}, 2000);
			return false;
		}
		if ($('.text1 input[type=number]').val() > 100) {
			$('.alert').show().html('超出库存了！');
			setTimeout(function () {
				$('.alert').hide();
			}, 2000);
			return false;
		}
		$("ul").eq($('.text1').attr('ind_1')).find(".number").eq($('.text1').attr('ind')).html($(
			'.text1 input[type=number]').val());
		$('.text1').css({
			"display": "none",
			"-webkit-display": "none"
		});
		total();
	})
	$('.sett').click(function () {
		alert("你应付" + $(this).prev("span").html() + "元钱");
	});
	$('.delete').click(function () {
		$.each($('li'), function () {
			if ($(this).find("input[type=checkbox]").attr("checked") == "checked") {
				$(this).remove();
			}
		});
		$('input[type=checkbox]').attr("checked", "checked");
		$('input[type=checkbox]').next("img").attr("src", "img/checkbox_on.png");
		$.each($(".content"), function () {
			if ($(this).find("li").length == 0) {
				$(this).remove();
			}
		});
		hide();
		total();
	});
})
